<template>
    <div id="app">
        <keep-alive :include="['orderList']">
            <router-view></router-view>
        </keep-alive>
    </div>
</template>
<script>
    import utils from '@utils'
    export default {
        name: 'order'
    }
</script>
<style>
.order-item-footer {
    background: #fff;
    text-align: right;
    padding: 6px;
}
.order-item-footer .cancel-btn, .order-item-footer .pay-btn {
    border: 1px solid #ff9b9b;
    padding:4px 6px;
    height: 0.5rem;
    display: inline-block;
    line-height: 0.5rem;
}
.order-item-footer .pay-btn {
    background: rgba(255, 118, 40, 0.5);
    color: #fff;
}
.order-item-footer .cancel-btn {
    margin-right: 10px;
    color: #fff;
    background: rgba(0,0,0,.7);
    border: 1px solid rgba(0,0,0,.5);
}

.order-item-footer .order-total {
    padding-right: 10px;
    padding-left: 10px;
}
</style>